    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Cache-Control"  content="no-transform">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>收货地址列表</title>
    <link href="/statics/view/css/shop_common.css" rel="stylesheet" type="text/css" />
    <link href="/statics/view/css/shop_layout.css" rel="stylesheet" type="text/css" />
</head>
<body>
<body>
<script src="//cdn.bootcss.com/jquery/2.1.0/jquery.min.js"></script>
<script src="/statics/view/js/shop.js"></script>
<header id="header" class="u-header clearfix">
    [#if tag==null]
        <div class="u-hd-left f-left">
            <a href="javascript:void(0)" mars_sead="brand-list-back_btn" class="J_backToPrev"><span class="u-icon-px i-hd-back"></span></a>
        </div>
    [/#if]
    <div class="u-hd-tit"><span>收货地址列表</span></div>
</header>
<div class="container ">
    <ul class="ui-list ui-address-list">
    [#list receiverList as receiver]
        <li class="ui-list-item ui-list-item-bfc ui-border-b J_address_list" data-consignee="${receiver.consignee}"
            data-address_id="${receiver.id}" data-area_id="${receiver.area.id}" data-area_name="${receiver.areaName}" data-cod="0" data-transport_day="1" data-dismiss="closeModal">
            <div class="ui-list-item-info">
                <h4><span class="username">${receiver.consignee}</span>
                    <span class="cellphone">${receiver.phone}</span>
                </h4>
                <p class="address">${receiver.areaName}${receiver.address}</p>
            </div>
            <div class="manage-address">
                <a href="/member/receiver/edit?id=${receiver.id}&tag=${tag}" class="ui-button ui-button-border ui-button-border-gray ui-button-border-small" mars_sead="checkout_edit_address_radio">修改</a>
              [#--  <a href="javascript:;" class="ui-button ui-button-border ui-button-border-gray ui-button-border-small J_address_del"
                   data-address_id="${receiver.id}" mars_sead="checkout_del_address_radio">删除</a>--]
                [#if tag??]
                    <a href="javascript:;" class="ui-button ui-button-border ui-button-border-gray ui-button-border-small J_address_choice"
                       data-address_id="${receiver.id}" data-pick-address="${tag}?receiverId=${receiver.id}" mars_sead="checkout_del_address_radio">选择</a>
                [/#if]
            </div>
        </li>
    [/#list]
    </ul>
    <div class="ui-list ui-border-b">
        <div class="ui-list-item arrow-right">
            <a class="add-address J_address_add" href="/member/receiver/add?tag=${tag}" mars_sead="checkout_add_address_radio">添加收货地址</a>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="/statics/layer.m/layer.m.js"></script>
<script type="text/javascript">
    $(function(){
        $(".J_address_choice").click(function(){
            var address=$(this).attr("data-pick-address");
            layer.open({
                title: '提示',
                content: ' 确认使用该地址作为收货地址吗？',
                btn: ['确定', '取消'],
                yes: function(index){
                    window.location.href=address;
                    layer.close(index);
                }
            });
        });

    });
</script>
</html>